<template>
      <TabBar>
        <TabBarItem path="/home" activeColor="red">
         <i slot="item-icon" class="iconfont icon-shouye"></i>
          <i slot="item-icon-active" class="iconfont icon-shouye active"></i>
         <div slot="item-text">首页</div>
         </TabBarItem>
      
        <TabBarItem path="/category" activeColor="red">
            <i slot="item-icon" class="iconfont icon-fenlei"></i>
            <i slot="item-icon-active" class="iconfont icon-fenlei active"></i>
            <div slot="item-text">分类</div>
                
        </TabBarItem>

        <TabBarItem path="/cart" activeColor="red">
            <i slot="item-icon" class="iconfont icon-gouwuche"></i>
            <i slot="item-icon-active" class="iconfont icon-gouwuche active"></i>
            <div slot="item-text">购物车</div>
                
        </TabBarItem>

        <TabBarItem path="/profile" activeColor="red">
            <i slot="item-icon" class="iconfont icon-wode"></i>
            <i slot="item-icon-active" class="iconfont icon-wode active"></i>
                <div slot="item-text">我的</div>
        </TabBarItem>
    </TabBar>
</template>


<script>
import TabBar from 'components/common/tabbar/TabBar.vue'
import TabBarItem from 'components/common/tabbar/TabBarItem.vue'
export default {
    components: {
        TabBar,
        TabBarItem
    }
}
</script>



<style scoped>
    
</style>